<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="utf-8"/>
    <title>陪玩管理系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta content="A fully responsive admin theme which can be used to build CRM, CMS,ERP etc." name="description"/>
    <meta content="Techzaa" name="author"/>
    <link rel="shortcut icon" href="../../images/favicon.ico">
    <link href="../../vendor/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../vendor/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../vendor/datatables.net-fixedcolumns-bs5/css/fixedColumns.bootstrap5.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../vendor/datatables.net-fixedheader-bs5/css/fixedHeader.bootstrap5.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../vendor/datatables.net-buttons-bs5/css/buttons.bootstrap5.min.css" rel="stylesheet" type="text/css"/>
    <link href="../../vendor/datatables.net-select-bs5/css/select.bootstrap5.min.css" rel="stylesheet" type="text/css"/>
    <script src="../../js/config.js"></script>
    <link href="../../css/app.min.css" rel="stylesheet" type="text/css" id="app-style"/>
    <link href="../../css/icons.min.css" rel="stylesheet" type="text/css"/>

</head>
<body>
    <div class="wrapper">
        <div class="leftside-menu">
            <span class="logo logo-light logo-lg" style="color: aqua;">
            陪玩管理系统
            </span>
            <div class="h-100" id="leftside-menu-container" data-simplebar>
                <ul class="side-nav">
                    <li class="side-nav-item">
                        <div class="" id="sidebarForms">
                            <ul class="side-nav-second-level">
                                <li>
                                    <a href="/orderList/init">订单列表</a>
                                </li>
                                <li>
                                    <a href="/playWithList/init">陪玩列表</a>
                                </li>
                                <li>
                                    <a href="/customerList/init">顾客列表</a>
                                </li>
                                <li>
                                    <a href="/profitList/init">客户存单</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="content-page">
            <div class="content">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <div class="page-title-box">
                                <h4 class="page-title">订单列表</h4>
                            </div>
                        </div>
                    </div>
           
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header">
                                    <div class="row">
                                        <div class="col-4">
                                            <a href="/orderEnter/init">
                                                <button type="button" class="btn btn-info text-nowrap">订单录入</button>
                                            </a>
                                        </div>
<!--                                        <div class="col-5">-->
<!--                                            <div class="mb-2 row">-->
<!--                                                <label class="col-sm-2 col-form-label">客户查询：</label>-->
<!--                                                <div class="col-sm-3">-->
<!--                                                    <select class="form-select">-->
<!--                                                        <option selected></option>-->
<!--                                                        <option>客户2</option>-->
<!--                                                        <option>客户3</option>-->
<!--                                                        <option>客户4</option>-->
<!--                                                        <option>客户5</option>-->
<!--                                                    </select>-->
<!--                                                </div>-->
<!--                                                <label class="col-sm-2 col-form-label">陪玩查询：</label>-->
<!--                                                <div class="col-sm-3">-->
<!--                                                    <select class="form-select" id="example-select">-->
<!--                                                        <option selected></option>-->
<!--                                                        <option>陪玩2</option>-->
<!--                                                        <option>陪玩3</option>-->
<!--                                                        <option>陪玩4</option>-->
<!--                                                        <option>陪玩5</option>-->
<!--                                                    </select>-->
<!--                                                </div>-->
<!--                                            </div>-->
<!--                                        </div>-->
                                    </div>
                                </div>
                                <div class="card-body">
                                    <table id="listTable"
                                           class="table table-striped dt-responsive nowrap w-100">
                                        <thead>
                                        <tr>
                                            <th>结单时间</th>
                                            <th>时长</th>
                                            <th>陪玩</th>
                                            <th>顾客</th>
                                            <th>派单员</th>
                                            <th>游戏</th>
                                            <th>段位</th>
                                            <th>付款</th>
                                            <th>工资</th>
                                            <th>礼物</th>
                                            <th>打赏</th>
                                            <th>点名</th>
                                            <th>评价</th>
                                            <th>备注</th>
                                            <th>结单</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr th:each="item:${orderList}">
                                            <td th:text="${item.orderSettlementTime}">2011/04/25</td>
                                            <td th:text="${item.orderTimeLong}">2h</td>
                                            <td th:text="${item.orderPlaywith}">陪玩1</td>
                                            <td th:text="${item.orderCustomer}">顾客1</td>
                                            <td th:text="${item.orderDispatcher}">派单员</td>
                                            <td th:text="${item.orderGame}">游戏1</td>
                                            <td th:text="${item.orderLevel}">白银</td>
                                            <td th:text="${item.orderPay}">100</td>
                                            <td th:text="${item.orderWages}">80</td>
                                            <td th:text="${item.orderGift}">60</td>
                                            <td th:text="${item.orderReward}">50</td>
                                            <td th:text="${item.fmtOrderRollCall}">是</td>
                                            <td th:text="${item.orderEvaluate}">评价1</td>
                                            <td th:text="${item.orderNotes}">备注1</td>
                                            <td th:text="${item.fmtOrderOverAccount}">已结</td>
                                        </tr>
                                        <tr>
                                            <td>合计</td>
                                            <td th:text="${orderSumInfo.orderTimeLongSum}">40h</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td>
                                                <div  th:each="item:${orderGameSumInfoList}">
                                                    <span th:text="${item.orderGamePer}">游戏1 70%</span>
                                                </div>
                                            </td>
                                            <td>
                                                <div  th:each="item:${orderLevelSumInfoList}">
                                                    <span th:text="${item.orderLevelPer}">黄金 70%</span>
                                                </div>
                                            </td>
                                            <td th:text="${orderSumInfo.orderPaySum}">200</td>
                                            <td th:text="${orderSumInfo.orderWagesSum}">150</td>
                                            <td th:text="${orderSumInfo.orderGiftSum}">120</td>
                                            <td th:text="${orderSumInfo.orderRewardSum}">100</td>
                                            <td></td>
                                            <td th:text="${orderEvaluateSumInfo}">好 70%</td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../../js/vendor.min.js"></script>
<script src="../../vendor/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="../../vendor/datatables.net-bs5/js/dataTables.bootstrap5.min.js"></script>
<script src="../../vendor/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="../../vendor/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js"></script>
<script src="../../vendor/datatables.net-fixedcolumns-bs5/js/fixedColumns.bootstrap5.min.js"></script>
<script src="../../vendor/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js"></script>
<script src="../../vendor/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
<script src="../../vendor/datatables.net-buttons-bs5/js/buttons.bootstrap5.min.js"></script>
<script src="../../vendor/datatables.net-buttons/js/buttons.html5.min.js"></script>
<script src="../../vendor/datatables.net-buttons/js/buttons.flash.min.js"></script>
<script src="../../vendor/datatables.net-buttons/js/buttons.print.min.js"></script>
<script src="../../vendor/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>
<script src="../../vendor/datatables.net-select/js/dataTables.select.min.js"></script>
<script src="../../js/pages/datatable.init.js"></script>
<script src="../../js/app.min.js"></script>
<script src="../../js/order/order-list.js"></script>
</html>